		form#loginform {
			width: 240px;
                        background-color: transparent;
                        border: 0px;
                        margin-left: none;
                        margin-right: none;
                        padding: 0;
			display: inline-block;
			text-align: right;

		}
                form#sortform {
                        width: 525px;
                        border: 1px solid #ccc;
                        margin-left: none;
                        margin-right: none;
                        padding: 2px;
                        display: inline-block;
                        text-align: right;

                }


		body {
			font: .8em "Trebuchet MS", Verdana, Arial, Sans-Serif;
			text-align: center;
			color: #333;
			background-color: #fff;
			margin-top: 5em;
		}
		
		h1 {
			font-size: 2em;
			padding: 0;
			margin: 0;
		}
		
		h3 {
			font-size: 1.2em;
			font-weight: bold;
			text-align: center;
		}


		h4 {
			font-size: 1em;
			font-weight: bold;
		}

		form {
			width: 468px;
			background-color: #eee;
			border: 1px solid #ccc;
			margin-left: auto;
			margin-right: auto;
			padding: 1em;
			-moz-border-radius: 8px;
			-webkit-border-radius: 8px;
		}
                table {
			width: 90%;
			word-wrap: break-word;
                        background-color: #eee;
                        border: 1px solid #ccc;
                        margin-left: auto;
                        margin-right: auto;
                        padding: 1em;
                        -moz-border-radius: 8px;
                        -webkit-border-radius: 8px;
                }


		header {
			width: 468px;
		}
		
		.icon {
			float: right;
			vertical-align:bottom;
		}


		fieldset {
			border: 0;
			margin: 0;
			padding: 0;
		}
		
		a {
			color: #09c;
			text-decoration: none;
			font-weight: bold;
		}

		a:visited {
			color: #07a;
		}

		a:hover {
			color: #c30;
		}

		a.bookmarklet {
			padding:5px 10px 6px 7px; /* Links */
			background-color:#eee;
			border:1px solid #ccc;
			color:#333;
			-moz-border-radius: 8px;
			-webkit-border-radius: 8px;
		}

		a.bookmarklet:hover {
			padding:5px 10px 6px 7px; /* Links */
			background-color:#ccc;
			border:1px solid #ccc;
			color:#333;
			-moz-border-radius: 8px;
			-webkit-border-radius: 8px;
		}

		.error, .success {
			font-size: 1.2em;
			font-weight: bold;
		}
		
		.error {
			color: #c30;
		}
		
		.success {
			color: #333;
		}

		.example {
			color: #333;
			text-align: left;
		}
		
		.description {
			width: 438px;
			margin-left: auto;
			margin-right: auto;
			color: #333;
			text-align: left;
		}
		
		.description-left {
			width: 208px;
			margin-left: auto;
			margin-right: auto;
			float: left;
			color: #333;
			text-align: left;
		}
		
		.description-right {
			width: 208px;
			margin-left: auto;
			margin-right: auto;
			float: right;
			color: #333;
			text-align: left;
		}

		.notification-hide {
			display: none; 
		}

		.notification-display {
			color: #333;
			text-align: center;
			width: 468px;
			background-color: #E4DA7F;
			border: 1px solid #E4DA7F;
			margin-left: auto;
			margin-right: auto;
			padding: 1em;
			-moz-border-radius: 8px;
			-webkit-border-radius: 8px;
		}

		.tip-hide {
			display: none; 
		}

		.tip-display {
			color: #333;
			text-align: center;
			width: 468px;
			background-color: #7FCCE5;
			border: 1px solid #7FCCE5;
			margin-left: auto;
			margin-right: auto;
			padding: 1em;
			font-weight: bold;
			-moz-border-radius: 8px;
			-webkit-border-radius: 8px;
		}

		.error-hide {
			display: none; 
		}

		.error-display {
			color: #333;
			text-align: center;
			width: 468px;
			background-color: #E5997F;
			border: 1px solid #E5997F;
			margin-left: auto;
			margin-right: auto;
			padding: 1em;
			font-weight: bold;
			-moz-border-radius: 8px;
			-webkit-border-radius: 8px;
		}

		.success-hide {
			display: none; 
		}

		.success-display {
			color: #333;
			text-align: center;
			width: 468px;
			background-color: #7FE489;
			border: 1px solid #7FE489;
			margin-left: auto;
			margin-right: auto;
			padding: 1em;
			font-weight: bold;
			-moz-border-radius: 8px;
			-webkit-border-radius: 8px;
		}

		.notification-hide-1 {
			display: none; 
		}

		.notification-display-1 {
			color: #333;
			text-align: center;
			width: 468px;
			background-color: #E4DA7F;
			border: 1px solid #E4DA7F;
			margin-left: auto;
			margin-right: auto;
			padding: 1em;
			-moz-border-radius: 8px;
			-webkit-border-radius: 8px;
		}

		.bookmarklet-disp {
			width: 234px;
			background-color: #eee;
			border: 1px solid #ccc;
			margin-left: auto;
			margin-right: auto;
			padding: 1em;
			-moz-border-radius: 8px;
			-webkit-border-radius: 8px;
		}

		.buttons a, .buttons button {

			float:center;
			margin:0 7px 0 0;
			background-color:#f5f5f5;
			border:1px solid #dedede;
			border-top:1px solid #eee;
			border-left:1px solid #eee;
			font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
			font-size:100%;
			line-height:130%;
			text-decoration:none;
			font-weight:bold;
			color:#565656;
			cursor:pointer;
			padding:5px 10px 6px 7px; /* Links */
			-moz-border-radius: 8px;
			-webkit-border-radius: 8px;
		}

		.buttons button {
			width:auto;
			overflow:visible;
			padding:4px 10px 3px 7px; /* IE6 */
			-moz-border-radius: 8px;
			-webkit-border-radius: 8px;
		}

		.buttons button[type] {
			padding:5px 10px 5px 7px; /* Firefox */
			line-height:17px; /* Safari */
			-moz-border-radius: 8px;
			-webkit-border-radius: 8px;
		}

			*:first-child+html button[type]{
			padding:4px 10px 3px 7px; /* IE7 */
			-moz-border-radius: 8px;
			-webkit-border-radius: 8px;
		}

		.buttons button img, .buttons a img{
			margin:0 3px -3px 0 !important;
			padding:0;
			border:none;
			width:16px;
			height:50px;
			-moz-border-radius: 8px;
			-webkit-border-radius: 8px;
		}


		/* neutral */
		button:hover, .buttons a:hover{
			background-color:#eee;
			border:1px solid #ccc;
			color:#333;
			-moz-border-radius: 8px;
			-webkit-border-radius: 8px;
		}

		.buttons a:active{
			background-color:#eee;
			border:1px solid #ccc;
			color:#333;
			-moz-border-radius: 8px;
			-webkit-border-radius: 8px;
		}


		/* positive */
		button.positive, .buttons a.positive{
			color:#09c;
			-moz-border-radius: 8px;
			-webkit-border-radius: 8px;
		}

		.buttons a.positive:hover, button.positive:hover{
			background-color:#7fcce5;
			border:1px solid #ccc;
			color:#333;
			-moz-border-radius: 8px;
			-webkit-border-radius: 8px;
		}

		.buttons a.positive:active{
			background-color:#7fcce5;
			border:1px solid #ccc;
			color:#333;
			-moz-border-radius: 8px;
			-webkit-border-radius: 8px;
		}
		
		/* positive green */
		button.positive-g, .buttons a.positive-g{
			color:#00CA13;
			-moz-border-radius: 8px;
			-webkit-border-radius: 8px;
		}

		.buttons a.positive-g:hover, button.positive-g:hover{
			background-color:#7FE489;
			border:1px solid #ccc;
			color:#333;
			-moz-border-radius: 8px;
			-webkit-border-radius: 8px;
		}

		.buttons a.positive-g:active{
			background-color:#7FE489;
			border:1px solid #ccc;
			color:#333;
			-moz-border-radius: 8px;
			-webkit-border-radius: 8px;
		}


		/* negative */
		.buttons a.negative, button.negative{
			color:#c30;
			-moz-border-radius: 8px;
			-webkit-border-radius: 8px;
		}

		.buttons a.negative:hover, button.negative:hover{
			background:#e5997f;
			border:1px solid #ccc;
			color:#333;
			-moz-border-radius: 8px;
			-webkit-border-radius: 8px;
		}

		.buttons a.negative:active{
			background-color:#e5997f;
			border:1px solid #ccc;
			color:#333;
			-moz-border-radius: 8px;
			-webkit-border-radius: 8px;
		}

		.radiobuttons {
			border: 1px solid #dedede;
			background-color: #f5f5f5;
			color:#7e7e7e;
			-moz-border-radius: 8px;
			-webkit-border-radius: 8px;
			padding:5px 10px 6px 7px; /* Links */
		}
		
		.radiobuttons-focus {
			border: 1px solid #dedede;
			background-color: #7fcce5;
			color:#333;
			-moz-border-radius: 8px;
			-webkit-border-radius: 8px;
			padding:5px 10px 6px 7px; /* Links */		
		}

		/* textbox */
		.textbox {
			border: 1px solid #dedede;
			background-color: #f5f5f5;
			color:#7e7e7e;
			-moz-border-radius: 8px;
			-webkit-border-radius: 8px;
			padding:5px 10px 6px 7px; /* Links */
		}

		.textbox:focus {
			border: 1px solid #dedede;
			background-color: #7fcce5;
			color:#333;
			-moz-border-radius: 8px;
			-webkit-border-radius: 8px;
			padding:5px 10px 6px 7px; /* Links */
		}

		/* textbox final */
		.finaltextbox {
			border: 1px solid #7FE489;
			background-color: #7FE489;
			color:#333;
			font-weight: bold;
			-moz-border-radius: 8px;
			-webkit-border-radius: 8px;
			padding:5px 10px 6px 7px; /* Links */
		}

		.finaltextbox:focus {
			border: 1px solid #7FE489;
			background-color: #7FE489;
			color:#333;
			font-weight: bold;
			-moz-border-radius: 8px;
			-webkit-border-radius: 8px;
			padding:5px 10px 6px 7px; /* Links */
		}

		/* textbox custom */
		.textbox-custom {
			border: 0px solid #ccc;
			background-color: #eee;
			color:#333;
			-moz-border-radius: 8px;
			-webkit-border-radius: 8px;
			padding:0px 10px 0px 7px; /* Links */
		}

		.textbox-custom:focus {
			border: 0px solid #ccc;
			background-color: #dedede;
			color:#333;
			-moz-border-radius: 8px;
			-webkit-border-radius: 8px;
			padding:0px 10px 0px 7px; /* Links */
		}

